<!DOCTYPE html>
<html>
	<head>
		<title><?php if( isset( $title ) ) echo $title; ?></title>
		<link rel="stylesheet" type="text/css" href="/css/styles.css" />
		<!--[if IE 6]>
			<link rel="stylesheet" type="text/css" href="/css/ie6.css" />
			<script src="/js/DD_belatedPNG_0.0.8a-min.js"></script>
			<script>
			DD_belatedPNG.fix('.png');
			</script>
		<![endif]--> 
	</head>
	<body>
				<div id="content">
				<br/>
				<dd>
					<p>Here is a sample CSS Format that you may need in editing the CSS of your page:</p>
					<br/>
					<p>To copy: Right click then select <b>Select All</b> or you may simply click CTRL + A.</p>
					<br/>
					<p>Right Click again and at this time, select <b>Copy</b> or click CTRL + C.</p>
					
					<textarea style="width: 80%; height: 210px; margin-bottom: 20px;" name="editCss">.heading {
	margin-top: 20px; 
	color: #fff; 
	border-bottom: 2px solid #ff8;
}

/* homepage */ 

.homepage {
	font-size:12px; 
	padding: 10px; 
	background: #2e8725; 
	width: 95%; 
	margin: 5px auto;
}

.homepage .summary {
	background: #3e9725; 
	margin: 5px auto;
	padding: 10px;
}

/* annoucnements */

.announcements {

}

.announcement {
	font-size:12px; 
	padding: 10px; 
	width: 95%; 
	background: #2e8725; 
	margin: 5px auto;
}

.announcements a.add {

}

.announcement a.view {

}

.announcement a.delete {

}

.announcement a.edit {

}

.announcement .title {
	font-size:15px; 
	font-weight: bold; 
	margin-bottom: 5px;
}

.announcement .date {

}

.announcement .post {

}

/* comments */ 

.comments {

}

.comment .delete {
	float: right;
}

.comments .heading {

}

.comment {
	font-size:12px; 
	padding: 10px; 
	background: #2e8725; 
	width: 65%; 
	margin: 5px 0;
}


.comment .author {
	font-weight: bold; 
	color: #eee;
}

.comment .date {
	font-size: 11px;
	border-bottom: 1px dotted #ccc;
}

.comment .body {

}

/* events */ 

.events {

}

.events a.add {

}

.event {
	font-size:12px;
	padding: 10px; 
	background: #2e8725; 
	width: 95%; 
	margin: 5px auto;
}
.events .inactive {
	background: #498742;
}
.event .note{
	float: right;
	color: #ff0;
}	

.events a.show {

}

.event .date {

}

.event .venue {
	
}
.event .description {

}

/*tutorials*/ 

.tutorials {

}

.tutorials a.add {
	display: block; 
	float: right;
}

.tutorial {
	font-size:12px; 
	padding: 10px; 
	background: #2e8725; 
	width: 95%; 
	margin: 5px auto;
}

.tutorials a.show {
	display: block; 
	float: right;
} 

.tutorial a.delete {

}
.tutorial a.download {

}

.tutorial .title {

}
.tutorial .date {

}
.tutorial .label {

}
.tutorial .description {

}

/* forums */ 

.forums {
	
}
.forums .heading {
	margin-top: 20px; 
	color: #fff; 
	border-bottom: 2px solid #ff8;
}
.forum {
	font-size:12px; 
	padding: 10px; 
	background: #2e8725; 
	width: 95%; 
	margin: 5px auto;
}
.forum .delete {
	float: right;
}
.forum .delete a{
}
.forum .edit {
	float: right;
}
.forum .edit a {
}
.forum .title {
	font-size:15px; 
	font-weight: bold; 
	margin-bottom: 5px;
}
.forum .description {
	font-size:13px; 
	color: #fff; 
	margin-bottom : 5px;
}
.forum .posts {
	float: right;
}
.forum .lastpost-date {

}
.forum .lastpost-author .label{
	font-weight: normal;
}
.forum .lastpost-author{
	font-weight: bold; 
	color: #eee;
}
.forums .add {
	margin-top: 20px;
}

/* thread */
.threads {

}

.threads a.back-forum {
	margin-top: 20px; 
	display: block
}
.threads .heading {
	margin-top: 1em; 
	font-size: 18px; 
	border-bottom: 2px solid #ff8; 
	color: #fff;
}
.thread {
	font-size:12px;
	 padding: 10px; 
	background: #2e8725; 
	width: 95%; 
	margin: 5px auto;
}
.thread .delete {
	float: right;
}
.thread .title {
	font-size:15px;
	font-weight: bold; 
	margin-bottom: 5px;
}
.thread .views {
	float: right;
}
.thread .replies {
	float: right;
	margin-right: 1em;
}
.thread .lastpost-author {
	font-weight: bold; 
	color: #eee;
}
.thread .lastpost-author .label{
	font-weight: normal;
}
.thread .add {
	margin-top: 20px;
}
.posts {

}
.posts .back-forum {
	margin-top: 20px; 
	display: block;
}
.posts .back-thread {
	margin-left: 1em; 
	display: block;
}
.posts .heading {
	margin-top: 1em; font-size: 18px; border-bottom: 2px solid #ff8; color: #fff	;
}
.post {
	font-size:12px; 
	padding: 10px; 
	background: #2e8725; 
	width: 95%; 
	margin: 5px auto;
}
.post .delete,
.post .edit {
	float: right;
}
.post .date {
	clear: right;
	font-size: 12px;
}
.post .date .label {
	font-size: 12px;
}
.post .message {
	clear: right;
}
.post .author {
	text-align: right;
	font-weight: bold;
}
.posts form label {
	display: block; color: #fff;
}
.posts form textarea {
	width: 90%; 
	height: 140px;
}
.posts form .buttons {
	margin-top: 10px;
}


.event-registered {

}
.event-registered .heading {
	font-weight:bold;
}



.memberlist {
	margin-bottom: 10px;
}
.memberlist .lastname {
	width: 130px
}
.memberlist .firstname {
	width: 130px
}
.memberlist .middle-initial {
	width: 90px
}
.memberlist .last-visit {
	width: 160px
}
.memberlist .actions {
	width: 160px
}


</textarea>

<div><a href="<?php echo $referer ?>">Go back to previous page</a></div>
					
					
				</dd>
				</div>
	</body>
</html>